<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script charset="utf-8" type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="/js/com.wxd.js"></script>
    <link rel="stylesheet" type="text/css" href="/style/com.wxd.css"/>
    <title>index</title>
    <style>
        .box { width: 100%; height: 100%; display: flex;overflow: hidden;min-width: 1100px;}

        .box_left { background: lightblue;}

        .box_right { overflow: hidden; flex: 1;}

        .nav { width: 180px;border-right: 0 solid rgba(67, 67, 67, 0.1);}

        .content { width: calc(100% - 181px); /* 或者不设置，让它自动填充 */ }

        object {width: 100%;height: 100%;}
    </style>
    <script>
        function changeContent(url) {
            let obj = `<object id="content_body" data="${url}"></object>`;
            $('.content').html(obj);
        }

        $(() => {

            let map = new wxd.Map().loadSearch();
            new wxd.netty.PostRequest("/author/check", map.toString(), (data) => {
                if (data.code === 1) {
                    sessionStorage.setItem("authorization", data.data);
                    $(".nav").append(`<object data="nav.html"></object>`);
                } else {
                    new wxd.message.Alert(data.msg, "提示").show();
                }
            }).send();

        });

    </script>
</head>
<body>
<div class="root">
    <div class="box">
        <div class="box_left nav"></div>
        <div class="box_right content">

        </div>
    </div>
</div>
</body>
</html>